<template>
  <div>
        <NavVue ></NavVue>
        <ContainerVue></ContainerVue>
        <RecommendVue></RecommendVue>
        <RankVue></RankVue>
        <LikeVue></LikeVue>
        <FloorVue v-for="(f,index) in floorList" :key="index"  :floorList="f"></FloorVue>
        <BrandVue></BrandVue>
  </div>
</template>

<script>
import ContainerVue from '@/views/home/container/container'
import RecommendVue from "@/views/home/recommend/recommend";
import RankVue from "@/views/home/rank/rank";
import LikeVue from "@/views/home/like/like";
import FloorVue from "@/views/home/floor/floor";
import BrandVue from "@/views/home/brand/brand";
import {mapState} from "vuex";

export default {
  name: "HomeVue",
  data() {
    // 这里存放数据
    return {}
  },
  // import 引入的组件需要注入到对象中才能使用
  components: {ContainerVue, RecommendVue, RankVue, LikeVue, FloorVue, BrandVue},
  props: {},
  // 方法集合
  methods: {
  },
  // 计算属性 类似于 data 概念
  computed: {
    ...mapState({floorList:state=>state.Home.floorList})
  },
  // 监控 data 中的数据变化
  watch: {},
  //过滤器
  filters: {},
  mounted() {
    this.$store.dispatch("Home/queryFloor")
  }
}
</script>

<style scoped>
</style>
